<template>
    <view class="app">
        <view class="header"> 
            <view class="header_">
                <view class="header_dh" :style="{width: headlist.xinj? '70%':'100%'}"><u-tabs :list="headlist.header" @click="click"></u-tabs></view>
                <!-- <view class="xinj" v-if="headlist.xinj">+{{headlist.xinj}}</view>  -->
                  <view class="xinj" v-if="headlist.xinj">+{{headlist.xinj}}</view> 
            </view>
            <view>
                  <u--input placeholder="请输入内容" border="surround" v-model="value" @change="change"></u--input>
            </view>
        </view>
		
    </view>

    
</template>
<script>
export default ({
    data() {
		return {
            headlist:[]
		}
	},
    mounted() {
         this.getlist()
      
    },
    methods:{
        getlist(){
            var vm = this
            vm.getAndLoad('json获取', '/pages/travel/dhl.json', (res) => {
                vm.headlist = res.data
			});
        },
        click(item) {
              vm.getAndLoad('json获取', '/pages/travel/'+item+'.json', (res) => {
               
			});
          
        },
    }
})
</script>

<style lang="scss" scoped>

.header_{
    width: 100%;
    display:flex;
    .xinj{
         width: 30%;
        line-height: 48px;
        color:#30A0FE;
        text-align: center;
    }

}

</style>
